﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Category-List.aspx.cs" Inherits="Category_List" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
    <link href="css/style-metro.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/select2_metro.css" />
    <link rel="stylesheet" href="css/DT_bootstrap.css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <div class="row-fluid">
        <div class="span12">
            <!-- BEGIN EXAMPLE TABLE PORTLET-->
            <div class="portlet box yellow">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-edit"></i>Category</div>
                </div>
                <div class="portlet-body">
                    <div class="table-toolbar">
                        <div class="btn-group">
                            <button id="sample_editable_1_new" class="btn green">
                                Add New <i class="icon-plus"></i>
                            </button>
                        </div>
                    </div>
                    <div class="generalMessage">
                    </div>
                    <table class="table table-striped table-hover table-bordered" id="sample_editable_1">
                        <thead>
                            <tr>
                                <th>
                                    Category
                                </th>
                                <th>
                                    Edit
                                </th>
                                <th>
                                    Delete
                                </th>
                                <th style="display: none;">
                                    Id
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <asp:Repeater ID="rptCategory" runat="server">
                                <ItemTemplate>
                                    <tr>
                                        <td>
                                            <%# Eval("Name")%>
                                        </td>
                                        <td>
                                            <a class="edit" href="javascript:;">Edit</a>
                                        </td>
                                        <td>
                                            <a class="delete" href="javascript:;">Delete</a>
                                        </td>
                                        <td style="display: none;">
                                            <label for="id">
                                                <%# Eval("Id") %></label>
                                        </td>
                                    </tr>
                                </ItemTemplate>
                            </asp:Repeater>
                        </tbody>
                    </table>
                </div>
            </div>
            <!-- END EXAMPLE TABLE PORTLET-->
        </div>
    </div>
    <script src="js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/select2.min.js"></script>
    <script type="text/javascript" src="js/jquery.dataTables.js"></script>
    <script type="text/javascript" src="js/DT_bootstrap.js"></script>
    <script src="js/category-editable.js"></script>
    <script>
        jQuery(document).ready(function () {

            TableEditable.init();
        });

    </script>
    <script type="text/javascript">
        function DisplayMessage(msg, classname) {
            $('.generalMessage').html(msg);
            $('.generalMessage').removeClass('alert alert-success');
            $('.generalMessage').removeClass('alert alert-danger');
            $('.generalMessage').addClass(classname);


        }
    </script>
</asp:Content>
